<template>
  <i class="close-icon" @mouseover="active = true" @mouseout="active = false">
    <img :src="active ? CloseActive : Close" alt="" />
  </i>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Close from './close.svg'
import CloseActive from './close-active.svg'

const active = ref(false)
</script>
